
@import url(./index.less);
@import url(../../../styles/common.less);
.job_section{
    .job_part();
    .flex(@ai:flex-start;@fd: column);
    background: linear-gradient(var(--accentColor2), var(--bgMain));
    .bottom_section{
        .flex(@ai:flex-start);
        .left_section{
            width: 30%;
            height: 100%;
            .company_log{
                width: 100%;
            }
        }
        .right_section{
            padding-left: 9rem;
            h3{
                font-size: 1.5rem;
                font-family: denglong;
                color: var(--textTitleColor);
                margin-top: 0;
            }
            >p, >div{
                font-size: 1rem;
                span{
                    font-weight: bold;
                    font-size: 1.2rem;
                }
            }
        }
    }

   
}


@media screen and (max-width: @mobile_screen) {
    .job_section{
        .flex(@fd: column);
        .job_part_mobile();
        .bottom_section{
            .flex(@fd: column;@jc:flex-start);
            .left_section{
                height: fit-content;
                text-align: center;
                .company_log{
                    margin-bottom: 1rem;
                }
            }
            .right_section{
                width: 100%;
                padding-left: 0;
                h3{
                    font-size: 1rem;
                }
                >p, >div{
                    font-size: 0.82rem;
                    margin: 0.6rem 0;
                    >p{
                        margin: 0.6rem 0; 
                    }
                    span{
                        font-size: 0.9rem;
                    }
                }
            }
        }
      
       
    }
    .mobile_en_content{
        .top_section{
            padding-bottom: 0rem;
            .text{
                font-size: 0.8rem;
            }
            .title_sub{
                font-size: 1.2rem;
            }
        }
        .bottom_section{
            .left_section{
                .company_log{
                    margin-bottom: 0rem;
                }
            }
            .right_section{
                h3{
                    margin-bottom: 0rem;
                    font-size: 0.8rem;
                }
                >p, >div{
                    font-size: 0.82rem;
                    margin: 0.2rem 0;
                    >p{
                        margin: 0.2rem 0; 
                    }
                    span{
                        font-size: 0.9rem;
                    }
                }
            }
        }
       
    }
}